const path = require('path')

const htmlWebpackPlugin = require('html-webpack-plugin')

// const VueLoaderPlugin = require('vue-loader/lib/plugin')

// const VueLoaderPlugin = require('vue-loader/lib/plugin')  

module.exports={
    mode:'development',
    plugins:[
        new htmlWebpackPlugin({
            template:path.join(__dirname,'./src/index.html'),
            filename:'index.html'
        })
    ],
    module:{
        
        rules:[
            {test:/\.css$/,use:['style-loader','css-loader']},
            {test:/\.jpg|png|gif|bmp|jpeg$/,use:'url-loader?limit=30000&name=[hash:8]-[name].[ext]'},//处理图片路径的
            //limit 给定的值，是图片的大小，单位是byte，如果我们引用的图片，小于或者等于limit的值，则会被转为
            // base64字符串
            // name=[name].[ext]指定之前叫什么名现在还叫什么名，ext说明之前叫什么后缀名现在还叫什么后缀名
            // {test:/\.(ttf|eot|svg|woff|woff2)$/,use:'url-loader'},
            // 配置Babel来转化js的高级语法
            {test:/\.js$/,use:'babel-loader',exclude:/node_modules/},
            {test:/\.(ttf|eot|svg|woff|woff2|otf)$/, use: 'url-loader'},
            { test:/\.vue$/, use:'vue-loader'}
        ]
    },
    resolve:{
        alias:{
            // "vue$":"../node_modules/vue/dist/vue.js"
        }
    },
    // plugins: [
    //     new VueLoaderPlugin()   //15版本需指定plugin
    //   ],
}
